<template>
	<view class="my-page">
		<!-- 头部蓝色背景和个人信息 -->
		<MyHead :useinfo="user" />
		
		<view class="service-section">
			<!-- 我的服务 -->
			<CardMenus :menus="menus"></CardMenus>
			<!-- <button @click="test" open-type="chooseAvatar" @chooseavatar="chooseAvatar">test</button>
			<input type="nickname" @input="onNicknameInput"/> -->
			<!-- 我的菜单 -->
			<Menus :menus="alarmList" />

		</view>
	</view>
</template>

<script>
	import Cell from './components/Cell.vue'
	import CardMenus from './components/CardMenus.vue'
	import Menus from './components/Menus.vue'
	import MyHead from './components/MyHead.vue'
	import ls from '@/util/ls'
	import {
		mapState,
		mapMutations
	} from 'vuex'

	export default {
		components: {
			Cell,
			CardMenus,
			Menus,
			MyHead
		},
		computed: {
			...mapState("community",[
				"communityId"
			]),
			...mapState("app",[
				"user"
			])
		},
		data() {
			return {
				menus: [
				{ img: this.getImg('card_service_personal.svg'), 
				text: '个人资料',
				url:"/pages/personal/index",
				
			 },
				{ img: this.getImg('card_service_house.svg'),
				 text: '我的房屋',url:"/pages/myhouse/myhouse",

				 },
				{ img: this.getImg('card_service_participation.svg'), text: '参与记录',url:"/pages/userbyVote/index" }
				],
				 alarmList:[
					{
						img: this.getImg('representations.svg'),
						text: '我要反馈',
						url: '/pages/feedback/index',
					
						status:0
					},
					// {
					// 	img: this.getImg('aboutUs.svg'),
					// 	text: '关于我们',
					// 	// url: '/pages/about/index',
					// 	url:"",
					// 	status:0
					// },
					{
						img: this.getImg('contactUs.svg'),
						text: '联系我们',
						// url: '/pages/contact/index',
						url:"",
						status:1
					},
				{
						img: this.getImg('setUp.svg'),
						text: '设置',
						url: '/pages/personal/index',
						// url:"",
						status:0
					},
				 ],
			
				 
			}
		},
		onLoad(){
		
		
			
		},
		onShow(){
		
		},
		methods:{
			onNicknameInput(e){
			
			},
			test(){
				
			},
			chooseAvatar(e){
				
			}
		}
	}
</script>

<style lang="scss">
page{
	background: #FFFFFF;
}
.my-page {
	background: #FCFDFF;
	min-height: 100vh;
}
.service-section {
	padding: 0 20rpx;
}
.service-card {
	position: relative;
	padding: 32rpx 53rpx;
	border-radius: 16rpx;
	background: #FFFFFF;
	background: linear-gradient( 180deg, rgba(139,175,255,.2) 0%, #FFFFFF 25%, #FFFFFF 100%), #FFFFFF;
    box-shadow: 0rpx 5rpx 20rpx 0rpx rgba(219,220,240,0.4), inset 0rpx 6rpx 8rpx 0rpx #F7FAFF;
	margin-top: -80rpx;
	z-index: 100;
}




</style>